<template>
  <div class="home-container">
<!--    管理系统首页-->
    <BigScreen></BigScreen>
<!--     <line-chart :data="data" :options="options"></line-chart>-->
  </div>
</template>

<script>
import  BigScreen from './bigScreen/index.vue';
export default {
  components: {
    BigScreen
  },
  data() {
    return {
      data: {
        labels: ['January', 'February', 'March', 'April', 'May', 'June'],
        datasets: [
          {
            label: 'Data',
            borderColor: '#f87979',
            data: [10, 15, 8, 12, 9, 14]
          }
        ]
      },
      options: {
        responsive: true,
        maintainAspectRatio: false
      }
    }
  },
  mounted() {
    // this.renderChart(this.data, this.options)
  }
}
</script>
<style lang="scss" scoped>
.home-container {
  width: 100%;
  //height: calc(100vh - 84px);
  height: 100vh;
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
}
</style>
